<!doctype html>
<html class="no-js">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>
			Amaze后台管理系统模板HTML表单页面 - cssmoban
		</title>
		<meta name="description" content="这是一个form页面">
		<meta name="keywords" content="form">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="i/favicon.png">
		<link rel="apple-touch-icon-precomposed" href="i/app-icon72x72@2x.png">
		<meta name="apple-mobile-web-app-title" content="Amaze UI" />
		<link rel="stylesheet" href="/grt/admin/css/amazeui.min.css" />
		<link rel="stylesheet" href="/grt/admin/css/admin.css">
	</head>
	<body>
		
		<div th:replace="../templates/admin/common/common :: header">
		</div>
		<div class="am-cf admin-main">
			<!-- sidebar start -->
			<div th:replace="../templates/admin/common/common :: left_nav('article')">
			</div>
			<!-- sidebar end -->
			<!-- content start -->
			<div class="admin-content">
				<div class="am-cf am-padding">
					<div class="am-fl am-cf">
						<strong class="am-text-primary am-text-lg">
							表单
						</strong>
						/
						<small>
							form
						</small>
					</div>
				</div>
				<div class="am-tabs am-margin" data-am-tabs>
					<ul class="am-tabs-nav am-nav am-nav-tabs">
						<li class="am-active">
							<a href="#tab1">
								基本信息
							</a>
						</li>
					</ul>
					<div class="am-tabs-bd">
						<div class="am-tab-panel am-fade am-in am-active" id="tab1">
							<form id="articletype_form" class="am-form" action="/grt/article/saveArticleType">
								<div class="am-g am-margin-top">
									<div class="am-u-sm-2 am-text-right">
										文章分类名称
									</div>
									<div class="am-u-sm-4">
										<input type="text" class="am-input-sm" id="typename" name="typename" th:value="${articleType.typename}">
										<input type="hidden" id="id" name="id" th:value="${articleType.id}">
									</div>
									<div class="am-u-sm-6">
										*必填，不可重复
									</div>
								</div>
								
								
								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-2 am-text-right">
										分类描述
									</div>
									<div class="am-u-sm-10">
										<textarea rows="5" id="typedesc" name="typedesc" th:text="${articleType.typedesc}">
										</textarea>
									</div>
								</div>
								
								<div class="am-g am-margin-top">
          							<div class="am-u-sm-2 am-text-right">启用状态</div>
          							<div class="am-u-sm-10">
									  <div class="am-btn-group" data-am-button>
									    <label class="am-btn am-btn-default am-btn-xs">
									      <input type="radio" name="state" id="state1" value="1"> 启用
									    </label>
									    <label class="am-btn am-btn-default am-btn-xs">
									      <input type="radio" name="state" id="state2" value="0"> 停用
									    </label>
									  </div>
									</div>
								</div>
								
							</form>
						</div>
					</div>
				</div>
				<div class="am-margin" id="save-form-tips" style="display: none;color:#FF0000;">
					错误提示
				</div>
				<div class="am-margin">
					<button type="button" class="am-btn am-btn-primary am-btn-xs" id="submit" onclick="articletype_form_submit();">
						提交保存
					</button>
					<button type="button" class="am-btn am-btn-primary am-btn-xs" id="cancel">
						放弃保存
					</button>
				</div>
			</div>
			<!-- content end -->
		</div>
		<footer>
			<hr>
			<p class="am-padding-left">
				© 2014 AllMobilize, Inc. Licensed under MIT license.
			</p>
		</footer>
		<script src="/grt/admin/js/jquery.min.js">
		</script>
		<script src="/grt/admin/js/amazeui.min.js">
		</script>
		<script src="/grt/admin/js/article.js">
		</script>
		<script src="/grt/admin/js/app.js">
		</script>
	</body>

</html>